<div class="dropdown">
    <button class="btn btn-icon btn-blue" type="button" data-bs-toggle="dropdown" aria-expanded="false">
        <i class="iconfont icon-smile fs-20"></i>
    </button>
    <button class="btn btn-icon btn-blue" type="button" aria-expanded="false">
        <label for="files" class="cursor-pointer">
            <i class="iconfont icon-image fs-20"></i>
        </label>
    </button>
    <ul class="dropdown-menu shadow-sm emoji-list p-2" data-stoppropagation="true">
        <li onclick="h_editor.insert('❤', -1, true);">❤</li>
        <li onclick="h_editor.insert('❄', -1, true);">❄</li>
        <li onclick="h_editor.insert('⛄', -1, true);">⛄</li>
        <li onclick="h_editor.insert('🈚', -1, true);">🈚</li>
        <li onclick="h_editor.insert('🈶', -1, true);">🈶</li>
        <li onclick="h_editor.insert('😃', -1, true);">😃</li>
        <li onclick="h_editor.insert('😅', -1, true);">😅</li>
        <li onclick="h_editor.insert('😉', -1, true);">😉</li>
        <li onclick="h_editor.insert('😍', -1, true);">😍</li>
        <li onclick="h_editor.insert('😝', -1, true);">😝</li>
        <li onclick="h_editor.insert('😏', -1, true);">😏</li>
        <li onclick="h_editor.insert('😒', -1, true);">😒</li>
        <li onclick="h_editor.insert('😞', -1, true);">😞</li>
        <li onclick="h_editor.insert('😔', -1, true);">😔</li>
        <li onclick="h_editor.insert('😓', -1, true);">😓</li>
        <li onclick="h_editor.insert('💩', -1, true);">💩</li>
        <li onclick="h_editor.insert('👐', -1, true);">👐</li>
        <li onclick="h_editor.insert('👊', -1, true);">👊</li>
        <li onclick="h_editor.insert('🙈', -1, true);">🙈</li>
        <li onclick="h_editor.insert('⚽', -1, true);">⚽</li>
    </ul>
</div>

<script>
    // let h_editor;
    // document.addEventListener('DOMContentLoaded', () => {
    //     const sources = document.querySelectorAll('textarea');
    //     h_editor =new TE(sources[0]);  // 首页编辑器
    // });
    let h_editor;
    document.addEventListener('DOMContentLoaded', () => {
        // 检查 TE 是否已经定义
        if (typeof TE !== 'undefined') {
            const sources = document.querySelectorAll('textarea');
            if (sources.length > 0) {
                h_editor = new TE(sources[0]);  // 首页编辑器
            } else {
                console.warn('没有找到任何 textarea 元素来初始化编辑器。');
            }
        } else {
            console.warn('TE 没有定义，无法初始化编辑器。');
        }
    });
</script>